<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>处理程序选项 “passive”</title>
		<style>
			body {
				height: 3000px;
			}
		</style>
	</head>
	<body>
		<script>
			function stopScroll(e) {
				e.preventDefault()
			}

			// 将 passive 设置为 true 时，浏览器知道该监听器不会调用 preventDefault()。
			// 对于某些浏览器（Firefox，Chrome），默认情况下，touchstart 和 touchmove 事件的 passive 为 true。
			document.body.addEventListener('touchmove', stopScroll, { passive: false }) // 阻止浏览器默认行为（禁止触摸滚动）
			document.body.addEventListener('wheel', stopScroll, { passive: false }) // 阻止浏览器默认行为（禁止鼠标滚轮滚动）

			setTimeout(() => {
				document.body.removeEventListener('touchmove', stopScroll) // 在 5 秒后，移除监听器（可以滚动）
			}, 5000)
		</script>
	</body>
</html>
